<?php 
include "includes/session.php";
include "includes/comunes.php";
$items=ITEMS;
$pri="<option value='1'>Alta</option>";
$pri.="<option value='2'>Media</option>";
$pri.="<option value='3'>Baja</option>";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema de Registro de Atencion</title>

<link href="estilos.css" rel="stylesheet" type="text/css" />

<!--libreria jquery central-->
<script src="jquery-ui/js/jquery-1.9.1.js"></script>
<!--fin libreria central-->

<!--Librerias para el combo-->
<script language="JavaScript" type="text/javascript" src="combos/jquery.chainedSelects.js"></script>
<!--fin libreria-->

<!--librerias ui-->
<link href="jquery-ui/css/ui-lightness/jquery-ui-1.10.2.custom.css" rel="stylesheet"/>
<script src="jquery-ui/js/jquery-ui-1.10.2.custom.js"></script>
<!--fin libreria-->
<!--estilo para el scroll-->
<style>
  .ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 300px;
  }
  </style>
<!--
  fin estilo scroll-->


<script language="JavaScript" type="text/javascript">
$(function()
{

	
	$('#vehiculo').chainSelect('#chofer','comboChofer.php',
	{
		before:function (target) //before request hide the target combobox and display the loading message
		{
			$("#loading").css("display","block");
			$(target).css("display","none");
		},
		after:function (target) //after request show the target combobox and hide the loading message
		{
			$("#loading").css("display","none");
			$(target).css("display","inline");
		}
	});
//        fin funcion

//          funcion que implementa autocompletado de articulos
     
 $( "#fechapla" ).datepicker({
         dateFormat: "yy-mm-dd"

      });

		$( "#respo" ).autocomplete({
			source: "autoResponsables.php",
			minLength: 1,
                select: function(event, ui) {
                    $("#respoId").val(ui.item.id);
					$("#respo").val(ui.item.value);
                }
		});
              
//              funcion para validacion de formularios

             $("#pedido").submit(function () {

                
            
        });

//              fin funcion
      
$( "#menu" ).menu({position: {at: "left bottom"}});
a=1;
//Agreagar Filas de Reparaciones
	//agregar filas dinamicamente proveedor
	 $("#add").click(function(){
            // Obtenemos el numero de filas (td) que tiene la primera columna
            // (tr) del id "tabla"
            var tds=$("#tabla tr:first td").length;
            // Obtenemos el total de columnas (tr) del id "tabla"
            var trs=$("#tabla tr").length;
            var nuevaFila="<tr>";
			
            for(var i=0;i<tds;i++){
                // añadimos las columnas
				if(i==0)
					 nuevaFila+="<td><select name='selPri[]' class='campo_form' required><?php echo $pri?></select></td>";
					 else
					  nuevaFila+="<td> <input type='text' name='Repa[]' class='campo_form' required  style='width:250%;'></td>";
					
            }
            a++;
            nuevaFila+="</tr>";
            $("#tabla").append(nuevaFila);
        });
        
        /**
         * Funcion para eliminar la ultima columna de la tabla.
         * Si unicamente queda una columna, esta no sera eliminada
         */
        $("#del").click(function(){
            // Obtenemos el total de columnas (tr) del id "tabla"
            var trs=$("#tabla tr").length;
            if(trs>1)
            {
                // Eliminamos la ultima columna
                $("#tabla tr:last").remove();
            }
        });


//funcion tabs
       $(function() {
             $( "#tabs" ).tabs();
        });

});
</script>

</head>

<body>

<div class="container">
<?php include "includes/head.php"?>
   <div class="content">
       <div class="tituloprincipal"><img src="img/kilometros.png" width="25" height="25" border="0"/> Carga de Parte Diario
          <?php include 'includes/submenu.php';?>  
           </div>
       <form id="pedido" name="pedido" method="POST" action="grabarParteDiario.php">
       <div class="contenedorpedido">
	   <div id="tabs">
               <ul>
                   <li><a href="#tabs-1">Paso 1 Km y Reparaciones</a></li>
				
               </ul>
               <div id="tabs-1">
        <fieldset>
             <legend><b>Datos de Cabecera</b></legend>
             <table>
                 <tr>
				   <td class="textotablamenuform">Vehiculo</td>
				   
                         <td class="textotablamenuform" colspan="3">
                        <select name="vehiculo" id="vehiculo" class="campo_form">
                             <option>Seleccionar...</option>
                             <?php
							 
							 
                            
							         $ped=obtener_vehiculos();
                             while($regVeh=mysql_fetch_array($ped)){
                                       echo "<option value='".utf8_encode($regVeh['VehiculoId'])."'>".utf8_encode($regVeh['VehiculoDominio'])."-".utf8_encode($regVeh['VehiculoDescripcion'])." (".utf8_encode($regVeh['VehiculoKm'])." km/hs)</option>";
                           

                             }
							 

                             ?>

                         </select>
                     </td>
			
                  
                      </tr>
                 <tr>
                      <td class="textotablamenuform">Chofer</td>
                         <td class="textotablamenuform" colspan="4">
                        <select name="chofer" id="chofer" class="campo_form">
                             
                            

                         </select>
                     </td>
                     <td class="textotablamenuform">Usuario</td>
                     <td class="textotablamenuform"><input type="text" name="usuario" value="<?php echo $_SESSION['usuUsuario']?> " disabled class="campo_form"/></td>
               
                  
                   
                 </tr>
			
				 <tr>
                
              </tr>
			
             </table>
        </fieldset>
		<fieldset>
             <legend><b>Kilometraje</b></legend>
             <table>
                 <tr>
				
					 <td class="textotablamenuform">Km/Horas</td>
                     <td class="textotablamenuform">
                        <input type="text" name="km" id="km" value="" class="campo_form" /> </td>
                 
           
                  
                     <td class="textotablamenuform">Fecha </td>
                     <td class="textotablamenuform"><input type="text" name="fecha" id="fechapla" class="campo_form" required/></td>
                 </tr>
			
                 <tr>
                    <td class="textotablamenuform">Observacion</td>
                    <td class="textotablamenuform" colspan="9"><textarea rows="3" cols="71" class="campo_form" id="observacion" name="observacion"></textarea></td>
                 </tr>
				 <tr>
                
              </tr>
			 
             </table>
        </fieldset>
          <fieldset>
             <legend><b>Reparaciones</b></legend>
             <table>
                 <tr>
				
					 <td class="textotablamenuform" colspan="3">
					 <div id="add"><img src="img/nuevo.png" width="25px" height="25px" /> Agregar </div>
					 </td>
					 <td class="textotablamenuform" colspan="3">
					 <div id="del"><img src="img/eliminar.jpg" width="25px" height="25px" />Eliminar </div>
					 </td>
					 </tr>
					 <tr>
                     <td class="textotablamenuform" colspan="9">
					 <p>
				<table id="tabla" class="tablaDinamica">
					<tr class="tablaTitulo">
						<td>Prioridad</td>
						<td>Detalle Reparacion</td>
					</tr>
				</table>
				</p>
					 
					 
                       </td>
                 
           
                  
                    
                 </tr>
			
              
			 
             </table>
        </fieldset>
		<table>
		  <tr>
			   <td class="textotablamenuform" style="text-align: right;" colspan="3">
                         <input type="reset" name="enviar" value="Restablecer"  class="boton_form"/>
                         <input name="submit" id="submit" type="submit" value="Registrar Carga e ir al Paso 2" class="boton_form"/>
                     </td>
					 </tr>
             </table>
        </fieldset>
         </div> 
 
       </div>
   </form>
       <div class="clear"></div>
   <br>
   </div>
  <?php include "includes/pie.php"?>
  
</div>
</body>
</html>
